<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
		<link id="white" rel="stylesheet" type="text/css" href="../../../css/whiteSkin.css" />
	</head>
	<body style="background: transparent;">
		
		<div id="refreshContainer">
			<div id="newsDetailData">
				<transition name="fade">
				<header class="mui-bar mui-bar-nav" @tap.self="toTop" v-show="show">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title"></h1>
					<span class="exer_icons" v-show="questionBoxStatus == 1">
						<a @tap="moreFunc" class="mui-icon mui-icon-menu mui-pull-right"></a>
						<a @tap="shareHref" class="mui-icon mui-icon-share mui-pull-right"></a>
						<a @tap="addCollection" v-show="collection_status == 'NO'" class="mui-icon mui-icon-collect mui-pull-right"></a>
						<a @tap="addCollection" v-show="collection_status == 'YES'" class="mui-icon mui-icon-collected mui-pull-right orange"></a>	
		        	</span>
				</header>
				</transition>
				<div class="errorBoxTips" v-cloak v-show="questionErrorBoxStatus == 1">
					<img src="../../../images/error_img.png">
					<p>{{errorTipsContent}}</p>
					<button type="button" class="mui-btn mui-btn-outlined" @tap="clickRefresh">刷新</button>
				</div>

				<div class="mui-content getHeight" v-cloak v-show="questionBoxStatus == 1">
					<div class="detailBg">
						<div class="detailContent" @tap="fullScreen">
							<div class="detail_tt">
								<h3>{{newsContent.title}}</h3>
								<p>公选王遴选网 {{newsContent.updatetime}}<span class="fr">{{newsContent.views}}阅读</span></p>
							</div>
							<div class="detail_nr">
								<p class="lead_info">
									<em style="margin: 10px; display: inline-block;">
										[导语]{{newsContent.description}}
									</em>
								</p>
							</div>
							<div class="detail_nr">
								<div class="content" id="news_details_img" v-html="newsContent.content"></div>
								<a class="vip_btn" v-cloak v-show="loginSta == 0 && newsContent.isvip == '2'" @tap="loginButton">登录</a>
								<a class="vip_btn" v-cloak v-show="loginSta == 1 && vipSta == 0" @tap="up_vip">升级VIP</a>
								<div class="vipTip" v-cloak v-show="loginSta == 1 && vipSta == 0">您好！很遗憾，VIP用户才能完整阅读本文章,请升级VIP</div>
								<div class="vipTip" v-cloak v-show="loginSta == 0 && newsContent.isvip == '2'">您好，很遗憾，VIP用户才能完整阅读本文章，如果您已是VIP用户，请先登录。</div>
							</div>
						</div>
						
						
						<div class="page">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">
									<p @tap="getNewsDetail(preandnext.pre_r.id)">
										<a><span>上一篇：</span>{{preandnext.pre_r.title}}</a>
									</p>
								</li>
								<li class="mui-table-view-cell">
									<p @tap="getNewsDetail(preandnext.pre_n.id)">
										<a><span>下一篇：</span>{{preandnext.pre_n.title}}</a>
									</p>
								</li>
							</ul>
						</div>
						
						<div class="extend_read detail_nr">
							<div class="hot_rec_tt">
								<h4>延伸阅读</h4>
								<p><span class="xs_line"></span></p>
							</div>
							<ul class="extend_list mui-table-view">
								<li class="mui-table-view-cell" v-for="va in related" @tap="getNewsDetail(va.id)">
									<h4>{{va.title}}</h4>
									<p class="time">{{va.updatetime}}</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="popMask" @tap="closeFunc"></div>
				<div class="popFunc">
					<div class="fontControl">
						<p>阅读模式</p>
						<div class="fontChange">
							<em @tap="white"><a class="mui-icon mui-icon-sun"></a></em>
							<em @tap="black"><a class="mui-icon mui-icon-moon"></a></em>
						</div>
					</div>
					<div class="fontControl">
						<p>字体大小</p>
						<div class="fontChange">
							<em @tap="smaller"><a class="mui-icon mui-icon-fontSmall"></a></em>
							<em @tap="bigger"><a class="mui-icon mui-icon-fontBig"></a></em>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js" ></script>
		<script type="text/javascript" src="../../../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../../../js/skinChange.js"></script>
		<script type="text/javascript" src="../../../js/tpl/detail.js"></script>
		<script src="../../../js/public.js"></script>
		<script src="../../../js/plusShare.js"></script>
	</body>

</html>